<!--
 Copyright 2023 The CubeFS Authors.

 Licensed under the Apache License, Version 2.0 (the "License");
 you may not use this file except in compliance with the License.
 You may obtain a copy of the License at

     http://www.apache.org/licenses/LICENSE-2.0

 Unless required by applicable law or agreed to in writing, software
 distributed under the License is distributed on an "AS IS" BASIS,
 WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
 implied. See the License for the specific language governing
 permissions and limitations under the License.
-->

<template>
  <div class="icon-wrap">
    <svg v-if="icon === 'router.clusterlist'" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="18" height="18">
      <path d="M872.802928 755.99406 872.864326 755.99406 872.864326 755.624646Z" fill="#272536" p-id="2357"></path>
      <path d="M349.405343 154.62259 155.596266 154.62259c-29.150924 0-52.873208 23.724331-52.873208 52.845579l0 193.823404c0 29.150924 23.722284 52.844555 52.873208 52.844555l193.810101 0c29.136597 0 52.859905-23.693632 52.859905-52.844555L402.266271 207.467145C402.265248 178.345897 378.541941 154.62259 349.405343 154.62259M351.851045 207.467145l0 193.823404c0 1.339508-1.106194 2.474354-2.445702 2.474354L155.596266 403.764903c-1.338485 0-2.503007-1.134847-2.503007-2.474354L153.093259 207.467145c0-1.38351 1.134847-2.474354 2.503007-2.474354l193.810101 0C350.774527 204.992791 351.851045 206.084659 351.851045 207.467145" fill="#231F20" p-id="2358"></path><path d="M349.405343 569.837266 155.596266 569.837266c-29.150924 0-52.873208 23.75196-52.873208 52.856835L102.723058 816.519552c0 29.164227 23.722284 52.857858 52.873208 52.857858l193.810101 0c29.136597 0 52.859905-23.693632 52.859905-52.857858L402.266271 622.694101C402.265248 593.589227 378.541941 569.837266 349.405343 569.837266M351.851045 622.694101 351.851045 816.519552c0 1.36816-1.106194 2.472308-2.445702 2.472308L155.596266 818.99186c-1.338485 0-2.503007-1.104147-2.503007-2.472308L153.093259 622.694101c0-1.367137 1.134847-2.474354 2.503007-2.474354l193.810101 0C350.774527 620.219747 351.851045 621.326964 351.851045 622.694101" fill="#231F20" p-id="2359"></path>
      <path d="M519.857457 224.930889c0.727571 0.480954 1.601474 0.801249 2.532683 0.801249l1.77646 0c0.434905 0.058328 0.900509 0.058328 1.36816 0l367.768061 0c0.233314 0.029676 0.493234 0.058328 0.697895 0.058328 0.233314 0 0.466628-0.028653 0.670266-0.058328l1.454118 0c0.787946 0 1.514493-0.261966 2.124384-0.626263 12.023848-2.081405 20.900006-12.341073 20.900006-24.464181 0-11.949146-8.586562-22.064528-20.345374-24.348548-0.756223-0.566912-1.687432-0.931209-2.679016-0.931209L522.389116 175.361937c-0.901533 0-1.775436 0.422625-2.501984 1.019213-11.614525 2.357697-20.200064 12.458753-20.200064 24.261567C499.687068 212.474183 508.272607 222.574215 519.857457 224.930889" fill="#231F20" p-id="2360"></path>
      <path d="M519.507486 411.493935c0.756223 0.683569 1.77646 1.134847 2.88163 1.134847l373.73496 0c0.903579 0 1.719154-0.39295 2.446725-0.932232 11.818163-2.196015 20.550035-12.369725 20.550035-24.405853 0-12.123109-8.847505-22.354124-20.784372-24.434505-0.668219-0.39295-1.425466-0.596588-2.212388-0.596588l-0.697895 0.115634c-0.581238-0.145309-1.456165-0.203638-2.297322-0.115634l-366.867552 0.115634c-0.611937-0.145309-1.457188-0.203638-2.300392-0.115634l-1.571798 0c-0.814552 0-1.542122 0.233314-2.213411 0.714268-11.786441 2.241041-20.459984 12.398378-20.459984 24.317848C499.715721 398.976854 508.040317 408.990928 519.507486 411.493935" fill="#231F20" p-id="2361"></path>
      <path d="M519.537162 660.680251c0.756223 0.667196 1.775436 1.075495 2.851954 1.075495l373.73496 0c0.408299 0 0.787946-0.058328 1.196245-0.174985 13.271258-0.608867 23.954575-11.641131 23.954575-25.118074 0-13.827937-11.294231-25.118074-25.15082-25.118074-0.202615 0-0.435928 0.027629-0.697895 0.058328L525.50406 611.402941c-0.437975-0.058328-0.873903-0.058328-1.36816 0l-1.746784 0c-0.842181 0-1.600451 0.25992-2.270716 0.725524-11.729136 2.270716-20.402679 12.428054-20.402679 24.334221C499.715721 648.166239 508.097622 658.176221 519.537162 660.680251" fill="#231F20" p-id="2362"></path>
      <path d="M897.755226 777.807878c-0.493234-0.203638-1.077541-0.319272-1.63115-0.319272L522.389116 777.488607c-0.959861 0-1.893116 0.462534-2.589988 1.1328-11.583826 2.416026-20.083407 12.485359-20.083407 24.275893 0 11.904121 8.674567 22.064528 20.402679 24.334221 0.669242 0.405229 1.428535 0.60989 2.270716 0.60989l0.728594-0.115634c0.290619 0.057305 0.726547 0.202615 2.620687 0.115634l368.639918-0.115634c0.466628 0.115634 1.340531 0.290619 1.74576 0.290619 13.856589 0 25.15082-11.291161 25.15082-25.119097C921.274896 789.565666 910.883221 778.679735 897.755226 777.807878" fill="#231F20" p-id="2363"></path>
    </svg>
    <svg v-if="icon === 'router.clusteroverview'" width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path fill-rule="evenodd" clip-rule="evenodd" d="M6.54904 3.66506L9 2.25L11.451 3.66506V6.49519L9 7.91025L6.54904 6.49519V3.66506ZM9 0.75L12.75 2.91506V7.24519L9 9.41025L5.25 7.24519V2.91506L9 0.75ZM10.732 4.21408L8.99998 5.36875L7.26803 4.21411V5.08014L8.99994 6.23474V6.23481L8.99998 6.23477L9.00008 6.23484V6.23471L10.732 5.08011V4.21408Z" fill="black" fill-opacity="0.8"/>
      <path fill-rule="evenodd" clip-rule="evenodd" d="M2.19906 11.1651L4.65002 9.75L7.10099 11.1651V13.9952L4.65002 15.4103L2.19906 13.9952V11.1651ZM4.65002 8.25L8.40002 10.4151V14.7452L4.65002 16.9103L0.900024 14.7452V10.4151L4.65002 8.25ZM2.91799 11.7141L4.65001 12.8688L6.382 11.7141V12.5802L4.65004 13.7348V13.7349L4.65001 13.7348L4.64995 13.7349V13.7348L2.91799 12.5802V11.7141Z" fill="black" fill-opacity="0.8"/>
      <path fill-rule="evenodd" clip-rule="evenodd" d="M10.899 11.1651L13.35 9.75L15.8009 11.1651V13.9952L13.35 15.4103L10.899 13.9952V11.1651ZM13.35 8.25L17.1 10.4151V14.7452L13.35 16.9103L9.59998 14.7452V10.4151L13.35 8.25ZM11.618 11.7141L13.35 12.8688L15.082 11.7141V12.5802L13.35 13.7348V13.7349L13.35 13.7348L13.3499 13.7349V13.7348L11.618 12.5802V11.7141Z" fill="black" fill-opacity="0.8"/>
    </svg>
    <svg v-if="icon === 'router.volume'" width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path d="M4.5 4.5H13.5V3H4.5V4.5Z" fill="black" fill-opacity="0.8" />
      <path d="M2.25 6.75H15.75V8.25H2.25V6.75Z" fill="black" fill-opacity="0.8"/>
      <path d="M12.75 12L5.25 12V10.5L12.75 10.5V12Z" fill="black" fill-opacity="0.8"/>
      <path d="M2.25 15.75H15.75V14.25H2.25V15.75Z" fill="black" fill-opacity="0.8"/>
    </svg>
    <svg v-if="icon === 'router.data'" width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
      <g clip-path="url(#clip0_1063_37575)">
        <path fill-rule="evenodd" clip-rule="evenodd" d="M15 5.25C14.0203 5.25 13.1869 4.62389 12.878 3.75H9V8.25H12.878C13.1869 7.37611 14.0203 6.75 15 6.75C16.2426 6.75 17.25 7.75736 17.25 9C17.25 10.2426 16.2426 11.25 15 11.25C14.0203 11.25 13.1869 10.6239 12.878 9.75H9V14.25H12.878C13.1869 13.3761 14.0203 12.75 15 12.75C16.2426 12.75 17.25 13.7574 17.25 15C17.25 16.2426 16.2426 17.25 15 17.25C14.0203 17.25 13.1869 16.6239 12.878 15.75H7.5V9.75H5.12197C4.81309 10.6239 3.97966 11.25 3 11.25C1.75736 11.25 0.75 10.2426 0.75 9C0.75 7.75736 1.75736 6.75 3 6.75C3.97966 6.75 4.81309 7.37611 5.12197 8.25H7.5V2.25H12.878C13.1869 1.37611 14.0203 0.75 15 0.75C16.2426 0.75 17.25 1.75736 17.25 3C17.25 4.24264 16.2426 5.25 15 5.25ZM15 2.25C14.5858 2.25 14.25 2.58579 14.25 3C14.25 3.41421 14.5858 3.75 15 3.75C15.4142 3.75 15.75 3.41421 15.75 3C15.75 2.58579 15.4142 2.25 15 2.25ZM3 8.25C2.58579 8.25 2.25 8.58579 2.25 9C2.25 9.41421 2.58579 9.75 3 9.75C3.41421 9.75 3.75 9.41421 3.75 9C3.75 8.58579 3.41421 8.25 3 8.25ZM14.25 15C14.25 14.5858 14.5858 14.25 15 14.25C15.4142 14.25 15.75 14.5858 15.75 15C15.75 15.4142 15.4142 15.75 15 15.75C14.5858 15.75 14.25 15.4142 14.25 15ZM14.25 9C14.25 8.58579 14.5858 8.25 15 8.25C15.4142 8.25 15.75 8.58579 15.75 9C15.75 9.41421 15.4142 9.75 15 9.75C14.5858 9.75 14.25 9.41421 14.25 9Z" fill="black" fill-opacity="0.8"/>
      </g>
      <defs>
        <clipPath id="clip0_1063_37575">
          <rect width="18" height="18" fill="white"/>
        </clipPath>
      </defs>
    </svg>
    <svg v-if="icon === 'router.meta'" width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path fill-rule="evenodd" clip-rule="evenodd" d="M6.54904 3.66506L9 2.25L11.451 3.66506V6.49519L9 7.91025L6.54904 6.49519V3.66506ZM9 0.75L12.75 2.91506V7.24519L9 9.41025L5.25 7.24519V2.91506L9 0.75ZM7.26805 4.21412L9.00003 5.36877L10.732 4.21412V5.08014L9.0001 6.23474V6.23484L9.00003 6.23479L8.99996 6.23484V6.23474L7.26805 5.08014V4.21412Z" fill="black" fill-opacity="0.8"/>
      <path fill-rule="evenodd" clip-rule="evenodd" d="M2.19906 11.1651L4.65002 9.75L7.10099 11.1651V13.9952L4.65002 15.4103L2.19906 13.9952V11.1651ZM4.65002 8.25L8.40002 10.4151V14.7452L4.65002 16.9103L0.900024 14.7452V10.4151L4.65002 8.25ZM2.91801 11.7141L4.65001 12.8688L6.382 11.7141V12.5801L4.65006 13.7348V13.7348L4.65001 13.7348L4.64995 13.7348V13.7348L2.91801 12.5801V11.7141Z" fill="black" fill-opacity="0.8"/>
      <path fill-rule="evenodd" clip-rule="evenodd" d="M10.899 11.1651L13.35 9.75L15.8009 11.1651V13.9952L13.35 15.4103L10.899 13.9952V11.1651ZM13.35 8.25L17.1 10.4151V14.7452L13.35 16.9103L9.59998 14.7452V10.4151L13.35 8.25ZM11.6179 11.7141L13.3499 12.8688L15.0819 11.7141V12.5801L13.35 13.7348V13.7348L13.3499 13.7348L13.3499 13.7348V13.7348L11.6179 12.5801V11.7141Z" fill="black" fill-opacity="0.8"/>
    </svg>
    <svg v-if="icon === 'router.node'" width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path fill-rule="evenodd" clip-rule="evenodd" d="M8.99999 10.6733L16.2459 6.57746C16.7538 6.29035 16.7538 5.55874 16.2459 5.27164L8.99999 1.17578L1.75409 5.27164C1.24618 5.55874 1.24618 6.29035 1.75409 6.57746L8.99999 10.6733ZM8.99999 2.89884L3.64727 5.92455L8.99999 8.95026L14.3527 5.92455L8.99999 2.89884Z" fill="black" fill-opacity="0.8"/>
      <path d="M8.99999 12.2883L15.9721 8.34721L16.7102 9.65303L8.99999 14.0114L1.28976 9.65303L2.0279 8.34721L8.99999 12.2883Z" fill="black" fill-opacity="0.8"/>
      <path d="M15.9721 11.6973L8.99999 15.6384L2.0279 11.6973L1.28976 13.0031L8.99999 17.3615L16.7102 13.0031L15.9721 11.6973Z" fill="black" fill-opacity="0.8"/>
    </svg>
    <svg v-if="icon === 'router.file'" width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path fill-rule="evenodd" clip-rule="evenodd" d="M10.5 0.75C13.3995 0.75 15.75 3.10051 15.75 6V17.25H2.25V0.75H10.5ZM9.75 2.25V6.75H14.25V15.75H3.75V2.25H9.75ZM14.175 5.25C13.8767 3.78065 12.7193 2.62328 11.25 2.32501V5.25H14.175Z" fill="black" fill-opacity="0.8"/>
    </svg>
    <svg v-if="icon === 'router.user'" width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path fill-rule="evenodd" clip-rule="evenodd" d="M9 1.5C6.72183 1.5 4.875 3.34683 4.875 5.625C4.875 7.90318 6.72183 9.75 9 9.75C11.2782 9.75 13.125 7.90318 13.125 5.625C13.125 3.34683 11.2782 1.5 9 1.5ZM6.375 5.625C6.375 4.17525 7.55025 3 9 3C10.4497 3 11.625 4.17525 11.625 5.625C11.625 7.07475 10.4497 8.25 9 8.25C7.55025 8.25 6.375 7.07475 6.375 5.625Z" fill="black" fill-opacity="0.8"/>
      <path d="M7.125 10.5C3.81129 10.5 1.125 13.1863 1.125 16.5H2.625C2.625 14.0147 4.63972 12 7.125 12H10.875C13.3603 12 15.375 14.0147 15.375 16.5H16.875C16.875 13.1863 14.1887 10.5 10.875 10.5H7.125Z" fill="black" fill-opacity="0.8"/>
    </svg>
    <svg v-if="icon === 'router.role'" width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
      <g clip-path="url(#clip0_1063_37606)">
        <path fill-rule="evenodd" clip-rule="evenodd" d="M5.625 7.875C5.625 6.01104 7.13604 4.5 9 4.5C10.864 4.5 12.375 6.01104 12.375 7.875C12.375 9.73896 10.864 11.25 9 11.25C7.13604 11.25 5.625 9.73896 5.625 7.875ZM9 6C7.96447 6 7.125 6.83947 7.125 7.875C7.125 8.91053 7.96447 9.75 9 9.75C10.0355 9.75 10.875 8.91053 10.875 7.875C10.875 6.83947 10.0355 6 9 6Z" fill="black" fill-opacity="0.8"/>
        <path fill-rule="evenodd" clip-rule="evenodd" d="M0.75 9C0.75 4.44365 4.44365 0.75 9 0.75C13.5563 0.75 17.25 4.44365 17.25 9C17.25 13.5563 13.5563 17.25 9 17.25C4.44365 17.25 0.75 13.5563 0.75 9ZM9 2.25C5.27208 2.25 2.25 5.27208 2.25 9C2.25 10.7896 2.94647 12.4166 4.08314 13.6246C4.58182 12.6597 5.58887 12 6.75 12H11.25C12.4111 12 13.4182 12.6597 13.9169 13.6246C15.0535 12.4166 15.75 10.7896 15.75 9C15.75 5.27208 12.7279 2.25 9 2.25ZM12.707 14.6419C12.5464 13.9864 11.955 13.5 11.25 13.5H6.75C6.04499 13.5 5.45358 13.9864 5.29302 14.6419C6.35698 15.3424 7.63089 15.75 9 15.75C10.3691 15.75 11.643 15.3424 12.707 14.6419Z" fill="black" fill-opacity="0.8"/>
      </g>
      <defs>
        <clipPath id="clip0_1063_37606">
          <rect width="18" height="18" fill="white" />
        </clipPath>
      </defs>
    </svg>
    <svg v-if="icon === 'router.events'" width="18" height="18" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg">
      <path d="M825.164055 162.905916H198.834886c-59.639847 0-107.986583 44.72724-107.986583 99.902336V842.249066c0 55.173332 48.347089 99.903041 107.986583 99.903042H825.164055c59.639495 0 107.987995-44.729709 107.987995-99.903042V262.808252c0-55.175096-48.348853-99.902336-107.987995-99.902336z m36.649342 670.074629c0 23.844227-20.892185 43.173961-46.665399 43.17396H208.852354c-25.773214 0-46.666104-19.329734-46.666104-43.17396V272.077832c0-23.843874 20.892891-43.173608 46.666104-43.173608h606.295292c25.773566 0 46.665399 19.329381 46.665398 43.173608v560.902713z" fill="#4b4c4d" p-id="2589"></path><path d="M908.803351 386.664881c0 19.472609-19.264823 35.257988-43.027205 35.257988H158.225618c-23.764499 0-43.028616-15.785379-43.028617-35.257988s19.264117-35.257988 43.028617-35.257988h707.550528c23.76203 0 43.027205 15.785379 43.027205 35.257988zM804.401692 572.697121c0 19.472609-14.286075 35.257282-31.909777 35.257283H247.761589c-17.623702 0-31.910836-15.784673-31.910836-35.257283 0-19.472256 14.287133-35.258341 31.910836-35.25834h524.730326c17.623702-0.000353 31.909777 15.785732 31.909777 35.25834zM806.276704 729.918734c0 19.472256-14.286075 35.256929-31.91013 35.25693H249.63519c-17.623702 0-31.910836-15.784673-31.910836-35.25693 0-19.472609 14.287133-35.258693 31.910836-35.258693h524.731032c17.624408-0.000353 31.910483 15.785732 31.910482 35.258693zM302.395524 288.572646c-19.472609 0-35.256929-5.017906-35.256929-11.208092V93.055631c0-6.18948 15.784673-11.208092 35.256929-11.208091 19.472609 0 35.258693 5.018612 35.258693 11.208091v184.308923c0 6.190538-15.786085 11.208092-35.258693 11.208092zM718.908551 288.572646c-19.472256 0-35.256929-5.017906-35.25693-11.208797V93.055631c0-6.18948 15.784673-11.208092 35.25693-11.208091 19.472609 0 35.258693 5.018612 35.258693 11.208091v184.308218c0 6.191244-15.786085 11.208797-35.258693 11.208797z" fill="#4b4c4d" p-id="2590"></path>
    </svg>
  </div>
</template>
<script>
export default {
  props: {
    icon: {
      type: String,
      default: '',
    },
  },
}
</script>
<style lang="scss" scoped>
.icon-wrap {
  display: flex;
  align-items: center;
  margin-right: 8px;
}
</style>
